<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <script type="text/javascript" src="../../zxt/zxt.js"></script>
	    <script>
	    	importZXT("../../zxt");
	    </script>
	</head>
	<body>
		<div id="progressBar"></div>
		<div id="progressBar2" zxt="zxt.ui.ProgressBar"></div>
		
		<table>
			<tr>
				<td width="20%">getType()</td>
				<td width="50%">返回控件类型</td>
				<td><input type="button" name="getType" value="getType" 
					onclick="alert('进度条控件的type为'+$zxtUI.progressBar.getType());"/></td>
			</tr>
			<tr>
				<td>setValue(value)</td>
				<td>设置进度条的百分率</td>
				<td><input type="button" name="setValue" value="setValue" 
					onclick="$zxtUI.progressBar2.setValue(0);alert('第二个进度条控件的百分率为置为0');"/></td>
			</tr>
		</table>
		
		<div><a href="../index.html">返回</a></div>
	</body>
</html>
<script type="text/javascript"">
	$zxt.init();
	var progressBar = new zxt.ui.ProgressBar("../images/black.jpg",10,500);
	$("#progressBar").append(progressBar.render());
	var progressBar2 = $zxt.getComponent("progressBar2");
	var value = 0;
	function progress(){
		if(value<=1){
			progressBar.setValue(value);
			progressBar2.setValue(value);
			value+=0.05;
		}else{
			value=0;
		}
	}
	window.onload = function(){
		setInterval("progress();",500);
	}
</script>
